.sha0{  // shadow
  box-shadow: 0px 0px 10px rgba(18,123,255,0.1);
}
.sha1{  // shadow
  box-shadow: 0px 5px 10px rgba(18,123,255,0.1);
}
.sha2{  // shadow
  box-shadow: 5px 0px 10px rgba(18,123,255,0.1);
}
.sha3{  // shadow
  box-shadow: 5px 5px 10px rgba(18,123,255,0.1);
}

.clearfixed:after{  // 清除浮动
    content: '';
    clear: both;
    display: block;
    height: 0;
    zoom: 1;
}

.clear-ed{  // 清除边距
  margin: 0;
  padding: 0;
}

.txt_break{
    /* word-break: break-all; */  /* 英文断词换行 */
    word-wrap: break-word;  /* 英文整词换行 */
    white-space: pre-wrap;
}
.txt_nowrap{
    white-space: nowrap;
}
.txt_ellipsis{
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */  /* 设置超出多少行后省略 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.txt_indent{
    text-indent: 2em;
}

.item-over{  // 鼠标移上时浮动效果
  transition: transform .3s ease-in-out;
}
.item-over:hover{
  transform: translateY(-5px);
}
@keyframes itemShow{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.item-show{  // 渐渐浮现
  animation: itemShow .2s ease-in-out 1;
}

.tab-over:hover{  // tab 鼠标移上时 active
  color: #127BFF !important;
  // border-bottom: 2px solid #127BFF !important;
}

.height-0{
  height: 0px !important;
}

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

// 半透明
.translucent{
  background-color: rgba(0, 0, 0, .4);
}

// fixed-full
.fixed-full{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

@keyframes flowLeftIn{
  0%{
    opacity: 0;
    transform: translateX(-10%);
  }
  100%{
    opacity: 1;
    transform: translateX(0%);
  }
}
.flow-left-in{  // 渐渐浮现
  animation: flowLeftIn 1s ease-in-out 1;
}

// absolute
// 选取其最近的父级定位元素，
// 当父级 position 为 static ( position 的默认值为 static ) 时，absolute元素将以body坐标原点进行定位，
// 可以通过z-index进行层次分级。
.pos-ab {
  position: absolute;
  top: 0;
  left: 0;
}

// relative
.pos-re {
  position: relative;
}

// scrollbar
/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/
.scroll-bar-cls::-webkit-scrollbar {
  width:1px;
  // height:1px;
  background-color:#F5F5F5;
}
/*定义滚动条轨道内阴影+圆角*/
.scroll-bar-cls::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgb(255, 255, 255);
  border-radius:10px;
  background-color:#F5F5F5;
}
/*定义滑块内阴影+圆角*/
.scroll-bar-cls::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-box-shadow:inset 0 0 6px #f0f0f0;
  background-color:#fefefe;
}
/*清除滚动条*/
.scroll-bar-clear-cls {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.scroll-bar-clear-cls::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
  width: 0 !important;
}



/** animation **/
@keyframes openRight {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
